<template>
	<view class="tan_b">
		<view class="container" @click="tantt"></view>
		<view class="t_b ">
			<view class="close">
				<text class="iconfont icon-cuowutishi" @click="tantt"></text>
			</view>
			<view class="con bg-white">
				<view class="con_tit text-bold">完成一下任务开始接单</view>
				<view class="list">
					<view class="list_l padding-right-sm padding-top-sm">
						<text class="iconfont icon-dingdan" ></text>
					</view>
					<view class="list_r">
						<view class="text-bold">实名认证</view>
						<view class="list_r_02 text-gray">请实名认证并通过审核</view>
					</view>
					<view class="list_m padding-top-xs">
						<button class="cu-btn bg-yellow text-white sm" >立即认证</button>
					</view>
				</view>
				<view class="list">
					<view class="list_l padding-right-sm padding-top-sm">
						<text class="iconfont icon-dingdan" ></text>
					</view>
					<view class="list_r">
						<view class="text-bold">实名认证</view>
						<view class="list_r_02 text-gray">请实名认证并通过审核</view>
					</view>
					<view class="list_m padding-top-xs">
						<button class="cu-btn bg-yellow text-white sm ljrz" 
						style="padding: 10px !important;">立即认证</button>
					</view>
				</view>
				<view class="list">
					<view class="list_l padding-right-sm padding-top-sm">
						<text class="iconfont icon-dingdan" ></text>
					</view>
					<view class="list_r">
						<view class="text-bold">实名认证</view>
						<view class="list_r_02 text-gray">请实名认证并通过审核</view>
					</view>
					<view class="list_m padding-top-xs">
						<button class="cu-btn bg-white text-gray sm" >已上传</button>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		props:{
			name:String
		},
		components: {
		},
		methods: {
			tantt(){
				console.log(213)
				this.$emit("tantt")
			}
		}
	}
</script>

<style lang="less">
.tan_b{
	.container {
	    background-color: #000000;
	    position: fixed;
	    top: 0;
	    opacity: 0.6;
	    width: 100%;
	    height: 100%;
	    z-index: 999;
	} 
	.t_b{position: fixed;top: 200px;left: 10vw;width: 80vw;z-index: 1999;
		.close{text-align: right;padding-bottom: 15px;
			text{font-size: 25px;color: #fff;}
		}
		.con{padding: 10px;border-radius: 5px;
			.con_tit{text-align: center;padding: 10px 0;font-size: 16px;}
			.list{display: flex;padding: 10px 0;
				.list_r{line-height: 20px;flex-grow: 1;
					.list_r_02{font-size: 12px;}
				}
				.cu-btn{height: 30px;}
			}
		}
	}
}
</style>
